@charset "utf-8";
/*reset*/
body,html{ padding:0; margin:0 auto; background:#fff; word-break:break-word; font-family:"微软雅黑";}
img{ border:none;}
h1,h2,h3,h4,h5,h6,hr,blockquote,form,ul,ol,li,p,pre,dl,dt,dd,fieldset,legend,button,input,textarea,th,td,figure{ padding:0; margin:0;}
ul,ol,li{ list-style:none;}
sup{ vertical-align:text-top;}
sub{ vertical-align:text-bottom;}
legend{ color:#000;}
fieldset{ border:0;}
button,input,select,textarea{ font-size:100%;}
table{ border-collapse:collapse; border-spacing:0;}
textarea{ resize:none;}
select{ height:22px; line-height:18px; padding:2px; border:1px solid #d9d9d9; border-radius:2px;}

/*public font*/
body,button,input,select,textarea{ font-family:"微软雅黑"; color:#333; font-size:12px;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:500;}
address,cite,dfn,em,var,s{ font-style:normal;}
code,kbd,pre,samp{ font-family:courier new, courier, monospace;}
.fn{ font-weight:500;}.fb{ font-weight:700;}
small,.ft12{ font-size:12px;}.ft14{ font-size:14px;}.ft16{ font-size:16px;}.ft18{ font-size:18px;}.ft20{ font-size:20px;}.ft22{ font-size:22px;}.ft24{ font-size:24px;}
a{ color:#000; text-decoration:none;}
.op8:hover{ filter:alpha(opacity=80); opacity:0.8;}
.wrapper{ width:1200px; margin:0 auto;}
.tl{ text-align:left;}.tc{ text-align:center;}.tr{ text-align:right;}
.fl{ float:left;}.fr{ float:right;}
.clear{ clear:both; line-height:0px; font-size:0px;}
.clearfix:after{ content:".";display:block; height:0; clear:both; visibility:hidden;}
.clearfix{ zoom:1;}
.hr_20{ clear:both; height:20px; overflow:hidden; font-size:1px; line-height:1px;}
.vm{ vertical-align:middle;}.vt{ vertical-align:top;}
.db{ display:block;}.dn,.dsn{ display:none;}.vh{ visibility:hidden;}
.utra{ -webkit-transition:all 0.2s ease-in-out 0s; transition:all 0.2s ease-in-out 0s;}
.pta{ position:absolute;}.ptr{ position:relative;}
.cp{ cursor:pointer;}
.c1{ color: #ff8d18;}

/*btn-prev && btn-next*/
.btn-arr{ width: 58px; height: 58px; background: #fff; border: 1px solid #ddd; border-radius: 50%; display: block; position: relative; transition: .3s; cursor: pointer;}
.btn-arr span{ width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; margin: -12px 0 0 -12px; transition: .3s;}
.btn-arr span:after{ content: ''; background: url(//www.tk.cn/tkcms/file/upload/tkonline2020/images/file_public/btn_arr.png) no-repeat; display: block; width: 100%; height: 100%;}
.btn-arr-prev span:after{ background-position: 0 0;}
.btn-arr-next span:after{ background-position: 0 -24px;}
.btn-arr-up span:after{ background-position: 0 -48px;}
.btn-arr:hover{ background: #ff8d18; border-color: #ff8d18;}
.btn-arr-prev:hover span{ -webkit-transform: translateX(-3px); transform: translateX(-3px);}
.btn-arr-prev:hover span:after{ background-position: right 0;}
.btn-arr-next:hover span{ -webkit-transform: translateX(3px); transform: translateX(3px);}
.btn-arr-next:hover span:after{ background-position: right -24px;}
.btn-arr-up:hover span{ -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.btn-arr-up:hover span:after{ background-position: right -48px;}

/*fixbar*/
.fixbar{ width: 60px; position: fixed; z-index: 100; right: 0; top: 50%; margin-top: -124px;}
.fixbar a{ height: 60px; display: block; background: #062275; position: relative;}
.fixbar a:first-child{ border-radius: 30px 30px 0 0; overflow: hidden;}
.fixbar a:last-child{ border-radius: 0 0 30px 30px; overflow: hidden;}
.fixbar a:not(:last-child){ border-bottom: 1px solid #353f5e;}
.fixbar a:before{ content: ''; background: url(//www.tk.cn/tkcms/file/upload/tkonline2020/images/file_public/ico_fixbar.png) no-repeat; width: 26px; height: 26px; position: absolute; left: 50%; top: 50%; margin: -13px 0 0 -13px;}
.fixbar a:nth-child(1):before{ background-position: 0 0;}
.fixbar a:nth-child(2):before{ background-position: 0 -26px;}
.fixbar a:nth-child(3):before{ background-position: 0 -52px;}
.fixbar a:nth-child(4):before{ background-position: 0 -78px;}
.fixbar a span{ width: 100%; height: 50px; padding-top: 10px; background: #ff8d18; position: absolute; left: 0; top: 0; z-index: 2; font-size: 14px; color: #fff; line-height: 20px; text-align: center; transition: .3s; border-radius: 50%; -webkit-transform: scale(0); transform: scale(0);}
.fixbar a:hover span{ -webkit-transform: scale(1); transform: scale(1); border-radius: 0;}
.fixbar .media .more{ width: 314px; height: 164px; background: #f2f5fe; position: absolute; left: -314px; top: -43px; z-index: 3; display: none;}
.fixbar .media .more:after{ content: ''; width: 0; height: 0; border-style: solid; border-width: 6px; border-color: transparent transparent transparent #f2f5fe; position: absolute; right: -12px; top: 50%; margin-top: -15px;}
.fixbar .media .more ul{ padding: 25px 22px;}
.fixbar .media .more ul li{ width: 76px; float: left; margin: 0 7px;}
.fixbar .media .more ul li img{ width: 72px; display: block; border: 2px solid #fff;}
.fixbar .media .more ul li p{ font-size: 14px; line-height: 20px; color: #666; text-align: center; margin-top: 5px;}
.fixbar .media:hover .more{ display: block;}

/* title 二级页公共标题 */
.column2020-title{ text-align: center; margin-bottom: 30px; position: relative;}
.column2020-title h2{ font-size: 36px; color: #001554; font-weight: 700; line-height: 40px; position: relative; z-index: 2; display: inline-block; padding: 0 30px; background: #fff;}
.column2020-title h2:before,.column2020-title h2:after{ content: ''; width: 8px; height: 8px; border: 1px solid #ddd; border-radius: 50%; position: absolute; top: 50%; margin-top: -5px;}
.column2020-title h2:before{ left: 2px;}
.column2020-title h2:after{ right: 2px;}
.column2020-title p{ font-size: 18px; color: #666; line-height: 30px; margin-top: 10px;}
.column2020-title:after{ content: ''; width: 880px; height: 1px; background: #ddd; position: absolute; left: 50%; margin-left: -440px; top: 20px;}